@include('layouts.user_header')
<style>
.home_search{
  position: relative;
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}
.home_search .icon-sousuo {
  position: absolute;
  right: 10px;
  top: 8px;
  color: #999;
  cursor: pointer;
}
.home_search input {
  padding-right: 30px;
}
</style>
<div class="main layui-clear">
  <div class="wrap">
    <div class="content">
      <div class="fly-tab fly-tab-index">
        <form  action="{{url('search')}}" class="home_search">
          <i class="iconfont icon-sousuo"></i>
          <input class="layui-input" autocomplete="off" placeholder="搜索内容，回车跳转" type="text" name="article_title">
        </form>
        <a href="{{url('article/add')}}" class="layui-btn jie-add">发布问题</a>
      </div>


      <ul class="fly-list fly-list-top">
        <li class="fly-list-li">
          <a href="user/home.html" class="fly-list-avatar">
            <img src="{{asset('user/images/avatar/default.png')}}" alt="">
          </a>
          <h2 class="fly-tip">
            <a href="jie/detail.html">基于 RN V2版本</a>
            <span class="fly-tip-stick">置顶</span>
            <span class="fly-tip-jing">精帖</span>
          </h2>
          <p>
            <span><a href="user/home.html">Rowger</a></span>
            <span>刚刚</span>
            <span>RN</span>
            <span class="fly-list-hint">
              <i class="iconfont" title="回答">&#xe60c;</i> 317
              <i class="iconfont" title="人气">&#xe60b;</i> 6830
            </span>
          </p>
        </li>
        <li class="fly-list-li">
          <a href="user/home.html" class="fly-list-avatar">
            <img src="{{asset('user/images/avatar/default.png')}}" alt="">
          </a>
          <h2 class="fly-tip">
            <a href="jie/detail.html">基于 RN V2版本</a>
            <span class="fly-tip-stick">置顶</span>
          </h2>
          <p>
            <span><a href="user/home.html">Rowger</a></span>
            <span>30分钟前</span>
            <span>技术闲谈</span>
            <span class="fly-list-hint">
              <i class="iconfont" title="回答">&#xe60c;</i> 502
              <i class="iconfont" title="人气">&#xe60b;</i> 81689
            </span>
          </p>
        </li>
      </ul>

      <ul class="fly-list">
        @foreach($article_list as $v)
        <li class="fly-list-li">
          <a href="{{'/article/details/'.$v->article_id}}" class="fly-list-avatar">
            <img src="{{asset('user/images/avatar/default.png')}}" alt="">
          </a>
          <h2 class="fly-tip">
            <a  href="article/details/{{$v->article_id}}">{{$v->article_name}}</a>
          </h2>
          <p>
            <span><a  href="article/details/{{$v->article_id}}">{{$v->article_author}}</a></span>
            <span><a  href="article/details/{{$v->article_id}}">{{$v->updated_at}}</a></span>
            <span><a  href="article/details/{{$v->article_id}}">RN框架综合</a></span>
            <span class="fly-list-hint">
              <a  href="article/details/{{$v->article_id}}">
              <i class="iconfont" title="回答">&#xe60c;</i> 8
              <i class="iconfont" title="人气">&#xe60b;</i> {{$v->article_hits}}
              </a>
            </span>
          </p>
        </li>
        @endforeach

      </ul>

      <div style="text-align: center">
        <div class="laypage-main">
          <a href="jie/index.html" class="laypage-next">更多求解</a>
        </div>
      </div>

    </div>
  </div>

  <div class="edge">
 <div class="fly-panel leifeng-rank">
      <h3 class="fly-panel-title">文章标签</h3>
      <div>
        @foreach($tags_list as $v)
        <span><a href="/{{$v->tags_id}}">{{$v->tags_name}}</a></span>
        @endforeach
      </div>
    </div>

    <dl class="fly-panel fly-list-one">
      <dt class="fly-panel-title">最近热帖</dt>
      <dd>
        <a href="jie/detail.html">使用 RN 秒搭后台大布局（基本结构）</a>
        <span><i class="iconfont">&#xe60b;</i> 6087</span>
      </dd>
    </dl>

    <dl class="fly-panel fly-list-one">
      <dt class="fly-panel-title">近期热议</dt>
      <dd>
        <a href="jie/detail.html">使用 RN 秒搭后台大布局之基本结构</a>
        <span><i class="iconfont">&#xe60c;</i> 96</span>
      </dd>

    </dl>

    <div class="fly-panel fly-link">
      <h3 class="fly-panel-title">友情链接</h3>
      <dl>
        <dd>
          <a href="http://www.layui.com/" target="_blank">RN</a>
        </dd>
        <dd>
          <a href="http://layim.layui.com/" target="_blank">LayIM</a>
        </dd>
        <dd>
          <a href="http://layer.layui.com/" target="_blank">layer</a>
        </dd>
      </dl>
    </div>


  </div>
</div>
@include('layouts.user_footer')